<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>课程查看</title>
<link href="css/body.css" rel="stylesheet" type="text/css" />
<style type="text/css">
.bg_div {
	width:1000px;
	position:relative;;
	margin-left:-500px;
	left:50%;
}

#info_t {
	margin-top:15px;
	margin-left:10px;
	padding:5px;
}
.s_span {
	margin-left:55px;
}
#s_list {
	margin-left:120px;
	margin-right:20px;
	border: 1px dashed ;
}
#s_list div {
	margin-top: 10px;
	margin-left: 20px;
}
#s_list span {
	display:inline-block;
	width:80px;
	margin-left:3px;
	margin-top:5px;
}
a {color:#00f; text-decoration:none;}
a:hover{
	color:#F00;
} 
.add_div {
	margin-left:75px;
}
.but_div {
	margin-right:20px;
	text-align:right;
}

#emp_list th{
     border: 1px solid #666666;
	}

#emp_list td {
	text-align: center;
	border: 1px solid #666666;
	padding: 3px;
}

#emp_list {
	border-collapse: collapse;
	margin-bottom:20px;
	
}
#settlement_div {
	margin-left:50px;
	display:none;
}
#assess_div {
	margin-left:50px;
	display:none;
}
#assess_div span {
	display:inline-block;
	margin-bottom:10px;
	margin-left:10px;
}
#assess_div div {
	margin-left:50px;
	
}
.sum_but {
	margin-top:10px;
	margin-bottom:20px;
	margin-left:250px;	
	}
</style>
<script type="text/javascript" language="javascript">
	function showSettlement(){
		var d = document.getElementById("settlement_div");
		d.style.display = (d.style.display == "" || d.style.display == "none") ? "block" : "none";
	}
	
	function showAssess(){
		var d = document.getElementById("assess_div");
		d.style.display = (d.style.display == "" || d.style.display == "none") ? "block" : "none";
	}
</script>
</head>
<body>
<br  />
<div class="bg_div">
<fieldset>
<legend>课程查看</legend>
	<table id="info_t" width="600" border="0">
  <tr>
    <td width="120" align="right" valign="top">课 程 ID：</td>
    <td>CMC201100100</td>
  </tr>
  <tr>
    <td align="right" valign="top">课程名称：</td>
    <td>java</td>
  </tr>
  <tr>
    <td align="right" valign="top">讲师姓名：</td>
    <td>张三</td>
  </tr>
</table>
<span class="s_span" >选课人员：</span>
	<div id="s_list">  
    <div>
    	<span><a href="">张三李四</a></span><span><a href="">张三李四</a></span><span><a href="">张三</a></span><span><a href="">张三</a></span><span><a href="">张三</a></span><span><a href="">张三</a></span><span><a href="">张三</a></span><span><a href="">张三</a></span><span><a href="">张三</a></span><span><a href="">张三</a></span><span><a href="">张三</a></span>
    </div>
    <br />
   </div>
   <br />
   <span class="s_span">添加选课人员：</span>
	<br />
	
	<div class="add_div"><label for="textfield">请输入人员工号：</label><input type="text" name="textfield" id="textfield" />
	  <input type="submit" name="button" id="button" value="提交" />
	</div>
<br />
<div class="but_div"><input type="button" value="结算点数" onclick="showSettlement()" /></div>

<div  id="settlement_div">
	<span>上课人员列表：</span><br /><br />
  <table id="emp_list"  width="900" border="0">
  <tr>
    <td width="80">工号</td>
    <td width="120">姓名</td>
    <td width="80">状态</td>
    <td width="80">工号</td>
    <td width="120">姓名</td>
    <td width="80">状态</td>
    <td width="80">工号</td>
    <td width="120">姓名</td>
    <td width="80">状态</td>
  </tr>
  <tr>
    <td>13111</td>
    <td>张三</td>
    <td><select name="select" id="select">
      <option>上课</option>
      <option>请假</option>
      <option>缺席</option>
    </select></td>
    <td>13111</td>
    <td>张三</td>
    <td><select name="select3" id="select3">
      <option>上课</option>
      <option>请假</option>
      <option>缺席</option>
    </select></td>
    <td>13113</td>
    <td>張グループ<br /></td>
    <td><select name="select5" id="select5">
      <option>上课</option>
      <option>请假</option>
      <option>缺席</option>
    </select></td>
  </tr>
  <tr>
    <td>13112</td>
    <td>李四</td>
    <td><select name="select2" id="select2">
      <option>上课</option>
      <option>请假</option>
      <option>缺席</option>
    </select></td>
    <td>13112</td>
    <td>李四</td>
    <td><select name="select4" id="select4">
      <option>上课</option>
      <option>请假</option>
      <option>缺席</option>
    </select></td>
    <td>13113</td>
    <td>張グループ<br /></td>
    <td><select name="select6" id="select6">
      <option>上课</option>
      <option>请假</option>
      <option>缺席</option>
    </select></td>
  </tr>
  <tr>
    <td colspan="9"><input type="submit" name="button2" id="button2" value="提交" /></td>
    </tr>
</table>

</div>
<div class="but_div"><input type="button" value="课程评价" onclick="showAssess();" /></div>
<div id="assess_div">
	<span>课程名称：</span><span>《XXXXXXX》</span><br />
    <span>对于本讲座的理解度：</span>
    <label for="textfield2"></label>
    <input type="text" name="textfield2" id="textfield2" />
    <br />
    <span>对于本讲座的满意度：</span>
    <input type="text" name="textfield3" id="textfield3" />
    <br />
    <span>本讲座在业务中的活用度：</span>
    <label for="textfield4"></label>
    <input type="text" name="textfield4" id="textfield4" />
    <br />
    <span>请你根据听课感受给出评价点数，请在相应的符号上打勾：</span><br />
    	<div>
    	  <input type="radio" name="point" id="radio2" value="radio2" />
    	  <label for="radio2">较差</label><br />
    	  <input type="radio" name="point" id="radio" value="radio" />
    	  <label for="radio">一般</label><br />
    	  <input type="radio" name="point" id="radio3" value="radio3" />
    	  <label for="radio3">良好</label><br />
    	  <input type="radio" name="point" id="radio4" value="radio4" />
    	  <label for="radio4">优良</label><br />
    	  <input type="radio" name="point" id="radio5" value="radio5" />
    	  <label for="radio5">优秀</label><br />
    	  <input type="radio" name="point" id="radio6" value="radio6" />
    	  <label for="radio6">出色</label>
    	</div>
        <span>如果认为本讲座有需要改善的地方，或有什么意见和建议，请分条列出：</span><br />
        	<textarea style="margin-left:50px" name="textarea" id="textarea" cols="45" rows="5"></textarea><br />
   	  <input  class="sum_but"type="button" value="提交" />
</div>
</fieldset>
</div>
</body>
</html>
